<!DOCTYPE html>
<html style="font-size:100px">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=0.5,minimum-scale=0.5,maximum-scale=0.5,user-scalable=no">
	<title>中国南玉之都首页</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
</head>
<body id="body">
	<!-- 页面头部 -->
	<div id="header">
		<ul>
			<li id="h_c"><div class="h_c_text"><img src="images/name.png"></div></li>

			<!-- 未登陆状态左上角内容 -->
			<a href="contact/login.html"><li id="h_l"><img src="icon/index_icon.png" style="top:-0.03rem" alt="登录状态" class="islogin"></li></a>

			<!-- 已登陆状态左上角内容 -->
			<li class="h_l_logined"><img src="icon/quit.png" alt="退出"></li>

			<a href="contact/message.html"><li id="h_r"><img src="icon/message.png" alt="查看消息"><span class="hr_span"></span></li></a>
		</ul>
	</div>

	<!-- 页面主体-旋转导航 -->
	<div id="content">
		<div class="container" id="container">
			<div class="bg" id="bg"><div class="bg1" id="bg1"></div></div>
			<div class="ctt_logo" id="ctt_logo">
				<div class="cttInnCon">
					<img src="images/logo.png" alt="南玉logo" id="ctt_logo_img">
					<div id="ctt_logo_act"></div>
				</div>
			</div>
			<div id="outerDiv">
				<div class="nav_text" id="nt_01">
					<a href="contact/products.html">
						<div class="in_ctn"><img src="icon/index_nav.png" alt=""></div>
						<span>南玉</span>
					</a>
				</div>
				<div class="nav_text" id="nt_02">
					<a href="contact/brands.html">
						<div class="in_ctn"><img src="icon/index_nav.png" alt=""></div>
						<span>品牌</span>
					</a>
				</div>
				<div class="nav_text" id="nt_03">
					<a href="contact/shops.html">
						<div class="in_ctn"><img src="icon/index_nav.png" alt=""></div>
						<span>店铺</span>
					</a>
				</div>
				<div class="nav_text" id="nt_04">
					<a href="contact/rec.html">
						<div class="in_ctn"><img src="icon/index_nav.png" alt=""></div>
						<span>鉴赏</span>
					</a>
				</div>
				<div class="nav_text" id="nt_05">
					<a href="contact/artists.html">
					<div class="in_ctn"><img src="icon/index_nav.png" alt=""></div>
						<span>大师</span>
					</a>
				</div>
				<div class="nav_text" id="nt_06">
					<a href="contact/promotions.html">
					<div class="in_ctn"><img src="icon/index_nav.png" alt=""></div>
					<span>活动</span>
					</a>
				</div>
				<canvas id="wheelcanvas" width="568" height="568"></canvas>
			</div>
		</div>
		<img src="images/bg.png" alt="" class="c_bg">
	</div>

	<!-- 页脚分类导航 -->
	<div id="footer">
		<ul>
			<li class="f_li">
				<div class="fd_ctn" id="fd_ctn_01"><img src="icon/index_icon.png" alt=""></div>
				<span>首页</span>
			</li>
			<li>
				<a href="contact/category.html">
					<div class="fd_ctn" id="fd_ctn_02"><img src="icon/index_icon.png" alt=""></div>
					<span>分类</span>
				</a>
			</li>
			<li class="fli_3">
				<a href="contact/shopping_cart.html">
					<div class="fd_ctn" id="fd_ctn_03">
						<!-- <span>99<sup>+</sup></span> -->
						<div id="fd_ctn_03_img"><img src="icon/cart_none.png" alt=""></div>
					</div>
				</a>
			</li>
			<li>
				<a href="contact/mine.html">
					<div class="fd_ctn" id="fd_ctn_04"><img src="icon/index_icon.png" alt=""></div>
					<span>我的</span>
				</a>
			</li>
			<li>
				<a href="contact/logistics.html">
					<div class="fd_ctn" id="fd_ctn_05"><img src="icon/index_icon.png" alt=""></div>
					<span>物流</span>
				</a>
			</li>
		</ul>
	</div>

	<section class="quit">
		<div class="q_bg"></div>
		<div class="q_ctt">
			<span class="qc_t">确认退出登录？</span>
			<div class="qc_b">
				<button class="q_cancel">取消</button>
				<button class="q_confirm">确认</button>
			</div>
		</div>
	</section>
</body>
<script type="text/javascript" src="js/jquery.rotate.min.js"></script>
<script type="text/javascript" src="js/js.js"></script>
<script>
	document.getElementById("outerDiv").addEventListener("touchstart", handleTouchEvent, false);
	document.getElementById("outerDiv").addEventListener("touchmove", handleTouchEvent, false);
	document.getElementById("outerDiv").addEventListener("touchend", roll, false);
	document.getElementById("ctt_logo").addEventListener("touchend", roll_back, false);
	document.getElementById("ctt_logo").addEventListener("touchstart", scale, false);
</script>
</html>